<template>
  <div class="zuo">
     <div class="user-guide">
    <van-nav-bar class="zhi" title="用户指南" left-text="" @click-left="goBack()" left-arrow />
       <div class="user-guide">
         <van-cell class="jj" title="计价规则" @click="toprice()" is-link></van-cell>
         <van-cell class="jj" title="乘客物品遗失" is-link @click="toitemmissing()"></van-cell>
         <van-cell class="jj" title="司机取消订单" @click="tocancelsorder()" is-link ></van-cell>
         <van-cell class="jj" title="订单投诉"  @click="toordercomplaint()" is-link ></van-cell>
         <van-cell class="jj" title="联系不上对方怎么办" @click="tocontact()" is-link ></van-cell>
         <van-cell class="jj" title="什么情况无法发布订单" @click="toissueorder()" is-link ></van-cell>
         <van-cell class="jj" title="安全功能" @click="tosafetyfeatures()" is-link ></van-cell>
         <van-cell class="jj" title="发票与数据" @click="toinvoicedata()" is-link ></van-cell>
       </div>
  </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
    };
  },
  methods: {
    toprice(){
      this.$router.push({path: '/UserGuide/priceRule'})
    },
    toinvoicedata(){
      this.$router.push({path: '/UserGuide/InvoiceData'})
    },
    toissueorder(){
      this.$router.push({path: '/UserGuide/IssueOrder'})
    },
    tosafetyfeatures(){
      this.$router.push({path: '/UserGuide/SafetyFeatures'})
    },
    tocontact(){
      this.$router.push({path: '/UserGuide/Contact'})
    },
    toordercomplaint(){
      this.$router.push({path: '/UserGuide/OrderComplaint'})
    },
    toitemmissing(){
      this.$router.push({path: '/UserGuide/ItemMissing'})
    },
    tocancelsorder(){
      this.$router.push({path: '/UserGuide/CancelsOrder'})
    },
    goBack(){
      this.$router.go(-1);
    }
  },
  created() {

  },
};
</script>

<style scoped>
.zuo {
  text-align: left;
  position: absolute;
}
.user-guide {
  top: 10px;
  padding: 2px;
  width: 350px;
  margin-top: 20px;
}
.jj{
  margin-top: 10px;
  margin-left: 20px;
  font-size: 18px;
}
.zhi{
  font-size: 18px;
}
</style>
